<script src="@/js/paipan/qimen.js"></script>


<template>
    <div class="vue">
        <div class="margins">

            <div class="nodata" v-show="!isData">

                <video ref="videoRef" autoplay loop :muted="true">
                    <source src="@/assets/img/paipan/loading.mp4" type="video/mp4">
                </video>

                <div class="option">

                    <div class="paipan">
                        <Button type="primary" class="button" @click="paiPanMethod">转盘奇门 - 开始排盘</Button>
                    </div>

                    <div class="xy">
                        <div class="name">
                            <Input size="small" v-model="options.name" placeholder="请输入姓名" maxlength="20"
                                show-word-limit />
                        </div>
                        <div class="occupy">
                            <Input size="small" v-model="options.occupy" placeholder="请输入占事" maxlength="20"
                                show-word-limit />
                        </div>
                        <div class="date">
                            <el-date-picker size="small" :clearable="false" v-model="options.date" type="datetime"
                                format="YYYY-MM-DD HH:mm:ss" placeholder="请选择日期" :editable="false"
                                style="width:170px;" />
                            <div class="leapmonth">
                                <el-radio-group size="small" v-model="options.leapMonth"
                                    v-for="item in leapMonthOptions" :key="item">
                                    <el-radio-button :label="item.label" :value="item.value" />
                                </el-radio-group>
                            </div>
                        </div>
                        <div class="datetype">
                            <el-radio-group size="small" v-model="options.dateType" v-for="item in dateTypeOptions"
                                :key="item">
                                <el-radio-button :label="item.label" :value="item.value" />
                            </el-radio-group>
                            <div class="sex">
                                <el-radio-group size="small" v-model="options.sex" v-for="item in sexOptions"
                                    :key="item">
                                    <el-radio-button :label="item.label" :value="item.value" />
                                </el-radio-group>
                            </div>
                        </div>
                        <div class="other">
                            <span class="title">奇门类型</span>
                            <Select size="small" v-model="options.qiMenType" class="select">
                                <Option v-for="item in qiMenTypeOptions" :key="item" :label="item.label"
                                    :value="item.value">
                                    {{ item.label }}
                                </Option>
                            </Select>
                        </div>
                        <div class="other">
                            <span class="title">节气排法</span>
                            <Select size="small" v-model="options.jieQiSet" class="select">
                                <Option v-for="item in jieQiSetOptions" :key="item" :label="item.label"
                                    :value="item.value">
                                    {{ item.label }}
                                </Option>
                            </Select>
                        </div>
                        <div class="other">
                            <span class="title">值使排法</span>
                            <Select size="small" v-model="options.zhiShiSet" class="select">
                                <Option v-for="item in zhiShiSetOptions" :key="item" :label="item.label"
                                    :value="item.value">
                                    {{ item.label }}
                                </Option>
                            </Select>
                        </div>
                        <div class="other">
                            <span class="title">年柱排法</span>
                            <Select size="small" v-model="options.yearGanZhiSet" class="select">
                                <Option v-for="item in yearGanZhiSetOptions" :key="item" :label="item.label"
                                    :value="item.value">
                                    {{ item.label }}
                                </Option>
                            </Select>
                        </div>
                        <div class="other">
                            <span class="title">月柱排法</span>
                            <Select size="small" v-model="options.monthGanZhiSet" class="select">
                                <Option v-for="item in monthGanZhiSetOptions" :key="item" :label="item.label"
                                    :value="item.value">
                                    {{ item.label }}
                                </Option>
                            </Select>
                        </div>
                        <div class="other">
                            <span class="title">日柱排法</span>
                            <Select size="small" v-model="options.dayGanZhiSet" class="select">
                                <Option v-for="item in dayGanZhiSetOptions" :key="item" :label="item.label"
                                    :value="item.value">
                                    {{ item.label }}
                                </Option>
                            </Select>
                        </div>
                        <div class="other">
                            <span class="title">时柱排法</span>
                            <Select size="small" v-model="options.hourGanZhiSet" class="select">
                                <Option v-for="item in hourGanZhiSetOptions" :key="item" :label="item.label"
                                    :value="item.value">
                                    {{ item.label }}
                                </Option>
                            </Select>
                        </div>
                    </div>

                </div>

            </div>

            <div class="yesdata" v-if="isData">

                <div class="option">
                    <Button type="primary" class="button" @click="fanHuiPaiPanMethod">返回排盘</Button>
                    <div class="float-right">
                        <Button type="success" class="button2" @click="jiChuMethod">
                            <b v-if="dataPage === 1">基础信息</b>
                            <span v-else>基础信息</span>
                        </Button>
                        <Button type="success" class="button2" @click="gengDuoMethod">
                            <b v-if="dataPage === 2">更多信息</b>
                            <span v-else>更多信息</span>
                        </Button>
                    </div>
                </div>

                <div class="data">

                    <div class="hrader">
                        <div class="name">
                            <Ellipsis :text="data.name" :length="3" tooltip />
                        </div>
                        <div class="date">
                            <span class="other">（{{ data.sex + '、' + data.zao }}）</span>
                            <span class="item">公历{{ data.solarStr }}</span>
                            <span class="item">农历{{ data.lunarStr }}</span>
                            <span class="item">{{ data.week }}</span>
                            <span class="item">{{ data.season }}</span>
                            <span class="item" v-if="'' !== data.wuBuYuShi">
                                <Tag color="error">{{ data.wuBuYuShi }}</Tag>
                            </span>
                        </div>
                        <div class="shengxiao">
                            {{ data.shengXiao }}
                        </div>
                    </div>

                    <div class="border">

                        <div class="jichu" v-show="dataPage === 1">

                            <div class="go bgi1">
                                <div class="item">
                                    <div class="title">节气</div>
                                    <div class="content">{{ data.jieQi + data.sanYuan }}</div>
                                </div>
                                <div class="item">
                                    <div class="title">局数</div>
                                    <div class="content">{{ data.yinYangDun + data.juShu }}局</div>
                                </div>
                                <div class="item">
                                    <div class="title">旬首</div>
                                    <div class="content">{{ data.xunShou + '（' + data.xunShouYiZhang + '）' }}</div>
                                </div>
                                <div class="item">
                                    <div class="title">生肖</div>
                                    <div class="content">{{ data.shengXiao + '、' + data.xingZuo }}</div>
                                </div>
                            </div>

                            <div class="go bgi2">
                                <div class="item">
                                    <div class="title">驿马</div>
                                    <div class="content">{{ data.yiMa }}</div>
                                </div>
                                <div class="item">
                                    <div class="title">天乙</div>
                                    <div class="content">{{ data.zhiShi }}</div>
                                </div>
                                <div class="item">
                                    <div class="title">地乙</div>
                                    <div class="content">{{ data.diYi }}</div>
                                </div>
                                <div class="item">
                                    <div class="title">太乙</div>
                                    <div class="content">{{ data.taiYi }}</div>
                                </div>
                            </div>

                            <div class="go bgi1">
                                <div class="item">
                                    <div class="title">值符</div>
                                    <div class="content">{{ data.zhiFu }}</div>
                                </div>
                                <div class="item">
                                    <div class="title">值使</div>
                                    <div class="content">{{ data.zhiShi }}</div>
                                </div>
                                <div class="item">
                                    <div class="title">月相</div>
                                    <div class="content">{{ data.yueXiang }}</div>
                                </div>
                                <div class="item">
                                    <div class="title">月将</div>
                                    <div class="content">{{ data.yueJiang }}</div>
                                </div>
                            </div>

                            <div class="go bgi2">
                                <div class="item">
                                    <div class="title">干支</div>
                                    <div class="content" v-if="data.baZi">
                                        {{ data.baZi.join(' ') }}
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="title">月将神</div>
                                    <div class="content">{{ data.yueJiangShen }}</div>
                                </div>
                                <div class="item">
                                    <div class="title"></div>
                                    <div class="content"></div>
                                </div>
                                <div class="item">
                                    <div class="title"></div>
                                    <div class="content"></div>
                                </div>
                            </div>

                            <div class="go bgi1">
                                <div class="item">
                                    <div class="title">伏吟</div>
                                    <div class="content" v-if="data.fuYin">
                                        <Ellipsis :text="data.fuYin.join('、')" :length="30" tooltip />
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="title">反吟</div>
                                    <div class="content" v-if="data.fanYin">
                                        <Ellipsis :text="data.liuYiJiXing.join('、')" :length="30" tooltip />
                                    </div>
                                </div>
                            </div>

                            <div class="go bgi2">
                                <div class="item">
                                    <div class="title">六仪击邢</div>
                                    <div class="content" v-if="data.liuYiJiXing">
                                        <Ellipsis :text="data.liuYiJiXing.join('、')" :length="30" tooltip />
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="title">奇仪入墓</div>
                                    <div class="content" v-if="data.qiYiRuMu">
                                        <Ellipsis :text="data.qiYiRuMu.join('、')" :length="30" tooltip />
                                    </div>
                                </div>
                            </div>

                            <div class="jiugong">

                                <div class="jiugong-left">

                                    <div class="title">
                                        <div class="item">
                                            ༺ {{ houTianBaGuaGongName2[luoGong - 1] }} ༻
                                        </div>
                                    </div>

                                    <div class="data">

                                        <div class="dangong">
                                            <div class="neige">
                                                <div v-if="null != data.yiMaGongMark[luoGong - 1]">
                                                    <div class="yiKong">
                                                        <b class="yiMa" v-if="'' != data.yiMaGongMark[luoGong - 1]">
                                                            马
                                                        </b>
                                                        <b class="xunKong">
                                                            {{ data.liuJiaXunKongGongMark[luoGong - 1] }}
                                                        </b>
                                                    </div>
                                                </div>
                                                <div v-else></div>
                                                <div>{{ data.shenPan[luoGong - 1] }}</div>
                                                <div>
                                                    <div class="dun">
                                                        <span v-for="index in data.jiuDun[luoGong - 1].length"
                                                            :key="index">
                                                            {{ data.jiuDun[luoGong - 1][index - 1] }}
                                                        </span>
                                                    </div>
                                                </div>
                                                <div>{{ data.tianPanQiYiToTq[luoGong - 1] }}</div>
                                                <div>{{ data.tianPan[luoGong - 1] }}</div>
                                                <div v-if="luoGong !== 5">{{ data.tianPanQiYiExTq[luoGong - 1]
                                                }}</div>
                                                <div v-else></div>
                                                <div></div>
                                                <div>{{ data.renPan[luoGong - 1] }}</div>
                                                <div>{{ data.diPan[luoGong - 1] }}</div>
                                            </div>
                                            <div class="title">{{ houTianBaGuaGongName2[luoGong - 1] }}</div>
                                        </div>

                                        <div class="dangong" v-if="jiuGongDiZhi[luoGong - 1].length !== 0">
                                            <div class="neige">
                                                <div v-if="null != data.yiMaGongMark[luoGong - 1]">
                                                    <div class="yiKong">
                                                        <b class="yiMa" v-if="'' != data.yiMaGongMark[luoGong - 1]">
                                                            马
                                                        </b>
                                                        <b class="xunKong">
                                                            {{ data.liuJiaXunKongGongMark[luoGong - 1] }}
                                                        </b>
                                                    </div>
                                                </div>
                                                <div v-else></div>
                                                <div>{{ data.baShenLuoGongStatus[luoGong - 1][1] }}</div>
                                                <div>
                                                    <div class="dun">
                                                        <span v-for="index in data.jiuDun[luoGong - 1].length"
                                                            :key="index">
                                                            {{ data.jiuDun[luoGong - 1][index - 1] }}
                                                        </span>
                                                    </div>
                                                </div>
                                                <div
                                                    v-if="undefined !== data.tianPanQiYiLuoGongToTqLink[luoGong - 1][0]">
                                                    {{ data.tianPanQiYiLuoGongToTqLink[luoGong - 1][0][1] }}
                                                </div>
                                                <div v-else></div>
                                                <div>{{ data.jiuXingLuoGongStatus[luoGong - 1][1] }}</div>
                                                <div>{{ data.tianPanQiYiLuoGongExTqLink[luoGong - 1][0][1] }}</div>
                                                <div></div>
                                                <div>{{ data.baMenLuoGongStatus[luoGong - 1][1] }}</div>
                                                <div>{{ data.diPanQiYiLuoGongLink[luoGong - 1][0][1] }}</div>
                                            </div>
                                            <div class="title">{{ jiuGongDiZhi[luoGong - 1][0] }}</div>
                                        </div>

                                        <div class="dangong" v-if="jiuGongDiZhi[luoGong - 1].length > 1">
                                            <div class="neige">
                                                <div v-if="null != data.yiMaGongMark[luoGong - 1]">
                                                    <div class="yiKong">
                                                        <b class="yiMa" v-if="'' != data.yiMaGongMark[luoGong - 1]">
                                                            马
                                                        </b>
                                                        <b class="xunKong">
                                                            {{ data.liuJiaXunKongGongMark[luoGong - 1] }}
                                                        </b>
                                                    </div>
                                                </div>
                                                <div v-else></div>
                                                <div>{{ data.baShenLuoGongStatus[luoGong - 1][1] }}</div>
                                                <div>
                                                    <div class="dun">
                                                        <span v-for="index in data.jiuDun[luoGong - 1].length"
                                                            :key="index">
                                                            {{ data.jiuDun[luoGong - 1][index - 1] }}
                                                        </span>
                                                    </div>
                                                </div>
                                                <div
                                                    v-if="undefined != data.tianPanQiYiLuoGongToTqLink[luoGong - 1][0]">
                                                    {{ data.tianPanQiYiLuoGongToTqLink[luoGong - 1][0][1] }}
                                                </div>
                                                <div v-else></div>
                                                <div>{{ data.jiuXingLuoGongStatus[luoGong - 1][1] }}</div>
                                                <div>{{ data.tianPanQiYiLuoGongExTqLink[luoGong - 1][1][1] }}</div>
                                                <div></div>
                                                <div>{{ data.baMenLuoGongStatus[luoGong - 1][1] }}</div>
                                                <div>{{ data.diPanQiYiLuoGongLink[luoGong - 1][1][1] }}</div>
                                            </div>
                                            <div class="title">{{ jiuGongDiZhi[luoGong - 1][1] }}</div>
                                        </div>

                                        <div class="dangong" v-if="luoGong !== 5">
                                            <div class="neige2">
                                                <div v-if="null != data.baGuaWangShuai[luoGong - 1]">
                                                    {{ data.baGuaWangShuai[luoGong - 1][0] + '：' +
                                                        data.baGuaWangShuai[luoGong
                                                        - 1][1]
                                                    }}
                                                </div>
                                                <div v-if="null != data.jiuXingWangShuai[luoGong - 1]">
                                                    {{ data.jiuXingWangShuai[luoGong - 1][0] + '：' +
                                                        data.jiuXingWangShuai[luoGong -
                                                        1][1]
                                                    }}
                                                </div>
                                                <div v-if="null != data.baMenWangShuai[luoGong - 1]">
                                                    {{ data.baMenWangShuai[luoGong - 1][0] + '：' +
                                                        data.baMenWangShuai[luoGong
                                                        - 1][1]
                                                    }}
                                                </div>
                                            </div>
                                            <div class="title">月令</div>
                                        </div>

                                    </div>

                                    <div class="qushu">
                                        <div class="title1">取数</div>
                                        <div class="hr"><el-divider /></div>
                                        <div class="content">
                                            <div>
                                                <Tag size="medium" class="tag">先天数</Tag>
                                                {{ jiuGongXianTianShu[luoGong - 1] }}
                                            </div>
                                            <div>
                                                <Tag size="medium" class="tag">后天数</Tag>
                                                {{ jiuGongHouTianShu[luoGong - 1] }}
                                            </div>
                                            <div>
                                                <Tag size="medium" class="tag">五行数</Tag>
                                                {{ jiuGongWuXingShu[luoGong - 1] }}
                                            </div>
                                            <div class="zong">
                                                <Tag size="medium" class="tag"><b>总览</b></Tag>
                                                {{ jiuGongZongShu[luoGong - 1] }}
                                            </div>
                                        </div>
                                    </div>

                                </div>

                                <div class="jiugong-right">

                                    <div class="shangju">
                                        <div class="button" @click="shangXiaJu(true)">
                                            <Icon type="ios-undo" />
                                            上一局
                                        </div>
                                    </div>

                                    <div class="xiaju">
                                        <div class="button" @click="shangXiaJu(false)">
                                            下一局
                                            <Icon type="ios-redo" />
                                        </div>
                                    </div>

                                    <div class="waige">
                                        <div class="neige" v-for="index in 9" :key="index"
                                            @click="gongMethod(houTianBaGuaGong[index - 1])">
                                            <div>
                                                <div class="yiKong">
                                                    <b class="yiMa"
                                                        v-if="'' !== data.yiMaGongMark[houTianBaGuaGong[index - 1] - 1]">
                                                        马
                                                    </b>
                                                    <b class="xunKong">
                                                        {{ data.liuJiaXunKongGongMark[houTianBaGuaGong[index - 1] - 1]
                                                        }}
                                                    </b>
                                                </div>
                                            </div>
                                            <div>
                                                <span class="core" v-if="index !== 5">
                                                    {{ data.shenPan[houTianBaGuaGong[index - 1] - 1].substring(1, 2) }}
                                                </span>
                                                <span class="status" v-if="index !== 5">
                                                    {{ data.baShenLuoGongStatus[houTianBaGuaGong[index - 1] - 1][1] }}
                                                </span>
                                            </div>
                                            <div>
                                                <div class="dun">
                                                    {{ data.jiuDun[houTianBaGuaGong[index - 1] - 1].join('') }}
                                                </div>
                                            </div>
                                            <div>
                                                <div class="core" v-if="index !== 5">
                                                    <span
                                                        v-html="xingMuPoLinkMethod(data.tianPanQiYiToTq[houTianBaGuaGong[index - 1] - 1], data.jiXingRuMuLinkToTq[houTianBaGuaGong[index - 1] - 1])"></span>
                                                </div>
                                                <div class="status" v-if="index !== 5">
                                                    {{ data.tianPanQiYiLuoGongToTqLink[houTianBaGuaGong[index - 1] -
                                                        1][0][1] }}
                                                </div>
                                                <div class="status" v-if="index !== 5">
                                                    <div
                                                        v-if="data.tianPanQiYiLuoGongToTqLink[houTianBaGuaGong[index - 1] - 1].length > 1">
                                                        {{ data.tianPanQiYiLuoGongToTqLink[houTianBaGuaGong[index - 1] -
                                                            1][1][1] }}
                                                    </div>
                                                </div>
                                            </div>
                                            <div>
                                                <div class="core">
                                                    <span v-if="data.tianPan[houTianBaGuaGong[index - 1] - 1] !== '芮禽'">
                                                        <div>{{ data.tianPan[houTianBaGuaGong[index - 1] -
                                                            1].substring(1, 2) }}
                                                        </div>
                                                    </span>
                                                    <span v-else>
                                                        <div>芮</div>
                                                    </span>
                                                </div>
                                                <div class="status">
                                                    <span v-if="data.tianPan[houTianBaGuaGong[index - 1] - 1] !== '芮禽'">
                                                        {{ data.jiuXingLuoGongStatus[houTianBaGuaGong[index - 1] - 1][1]
                                                        }}
                                                    </span>
                                                    <span class="qin" v-else>禽</span>
                                                </div>
                                                <div class="status"
                                                    v-if="data.tianPan[houTianBaGuaGong[index - 1] - 1] === '芮禽'">
                                                    {{ data.jiuXingLuoGongStatus[houTianBaGuaGong[index - 1] -
                                                        1][1].substring(0, 1)
                                                    }}
                                                </div>
                                            </div>
                                            <div>
                                                <div class="core" v-if="index !== 5">
                                                    <span
                                                        v-html="xingMuPoLinkMethod(data.tianPanQiYiExTq[houTianBaGuaGong[index - 1] - 1], data.jiXingRuMuLinkExTq[houTianBaGuaGong[index - 1] - 1])"></span>
                                                </div>
                                                <div class="status" v-if="index !== 5">
                                                    {{ data.tianPanQiYiLuoGongExTqLink[houTianBaGuaGong[index - 1] -
                                                        1][0][1] }}
                                                </div>
                                                <div class="status"
                                                    v-if="data.tianPanQiYiLuoGongExTqLink[houTianBaGuaGong[index - 1] - 1].length > 1">
                                                    {{ data.tianPanQiYiLuoGongExTqLink[houTianBaGuaGong[index - 1] -
                                                        1][1][1] }}
                                                </div>
                                            </div>
                                            <div>
                                                <div class="marki">
                                                    <div
                                                        v-html="houTianBaGuaGongNameColorMethod(houTianBaGuaGongName[index - 1], index)">
                                                    </div>
                                                </div>
                                            </div>
                                            <div>
                                                <div class="core">
                                                    <span
                                                        v-html="xingMuPoLinkMethod(data.renPan[houTianBaGuaGong[index - 1] - 1].substring(0, 1), data.menPoLink[houTianBaGuaGong[index - 1] - 1])"></span>
                                                </div>
                                                <div class="status">
                                                    {{ data.baMenLuoGongStatus[houTianBaGuaGong[index - 1] - 1][1] }}
                                                </div>
                                            </div>
                                            <div>
                                                <div class="core">
                                                    {{ data.diPan[houTianBaGuaGong[index - 1] - 1] }}
                                                </div>
                                                <div class="status">
                                                    {{ data.diPanQiYiLuoGongLink[houTianBaGuaGong[index - 1] - 1][0][1]
                                                    }}
                                                </div>
                                                <div class="status"
                                                    v-if="data.diPanQiYiLuoGongLink[houTianBaGuaGong[index - 1] - 1].length > 1">
                                                    {{ data.diPanQiYiLuoGongLink[houTianBaGuaGong[index - 1] -
                                                        1][1][1] }}
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>

                            </div>

                            <div class="keying">
                                <el-tabs v-model="keYingTab" stretch="true">
                                    <el-tab-pane label="十干克应" name="1">
                                        <div v-if="'' !== data.shiGanKeYing[luoGong - 1][0]">
                                            <div v-for="index in data.shiGanKeYing[luoGong - 1].length" :key="index">
                                                <Tag size="medium" class="tag">
                                                    <b>{{ data.shiGanKeYing[luoGong - 1][index - 1].split('→')[0]
                                                        }}</b>
                                                </Tag>
                                                <span class="item">
                                                    {{ data.shiGanKeYing[luoGong - 1][index - 1].split('→')[1] }}
                                                </span>
                                            </div>
                                        </div>
                                        <div v-else class="null">暂无数据</div>
                                    </el-tab-pane>
                                    <el-tab-pane label="八门克应" name="2">
                                        <div v-if="'' !== data.baMenKeYing[luoGong - 1][0]">
                                            <div v-for="index in data.baMenKeYing[luoGong - 1].length" :key="index">
                                                <span v-if="'' !== data.baMenKeYing[luoGong - 1][index - 1]">
                                                    <Tag size="medium" class="tag">
                                                        <b>{{ data.baMenKeYing[luoGong - 1][index -
                                                            1].split('→')[0] }}</b>
                                                    </Tag>
                                                    <span class="item">
                                                        {{ data.baMenKeYing[luoGong - 1][index - 1].split('→')[1]
                                                        }}
                                                    </span>
                                                </span>
                                            </div>
                                        </div>
                                        <div v-else class="null">暂无数据</div>
                                    </el-tab-pane>
                                    <el-tab-pane label="八门静应" name="3">
                                        <div v-if="'' !== data.baMenJingYing[luoGong - 1][0]">
                                            <div v-for="index in data.baMenJingYing[luoGong - 1].length" :key="index">
                                                <Tag size="medium" class="tag">
                                                    <b>{{ data.baMenJingYing[luoGong - 1][index - 1].split('→')[0]
                                                        }}</b>
                                                </Tag>
                                                <span class="item">
                                                    {{ data.baMenJingYing[luoGong - 1][index - 1].split('→')[1] }}
                                                </span>
                                            </div>
                                        </div>
                                        <div v-else class="null">暂无数据</div>
                                    </el-tab-pane>
                                    <el-tab-pane label="八门动应" name="4">
                                        <div v-if="'' !== data.baMenDongYing[luoGong - 1][0]">
                                            <div v-for="index in data.baMenDongYing[luoGong - 1].length" :key="index">
                                                <Tag size="medium" class="tag">
                                                    <b>{{ data.baMenDongYing[luoGong - 1][index - 1].split('→')[0]
                                                        }}</b>
                                                </Tag>
                                                <span class="item">
                                                    {{ data.baMenDongYing[luoGong - 1][index - 1].split('→')[1] }}
                                                </span>
                                            </div>
                                        </div>
                                        <div v-else class="null">暂无数据</div>
                                    </el-tab-pane>
                                    <el-tab-pane label="星门克应" name="5">
                                        <div v-if="'' !== data.xingMenKeYing[luoGong - 1][0]">
                                            <div v-for="index in data.xingMenKeYing[luoGong - 1].length" :key="index">
                                                <Tag size="medium" class="tag">
                                                    <b>{{ data.xingMenKeYing[luoGong - 1][index - 1].split('→')[0]
                                                        }}</b>
                                                </Tag>
                                                <span class="item">
                                                    {{ data.xingMenKeYing[luoGong - 1][index - 1].split('→')[1] }}
                                                </span>
                                            </div>
                                        </div>
                                        <div v-else class="null">暂无数据</div>
                                    </el-tab-pane>
                                    <el-tab-pane label="九星时应" name="6">
                                        <div v-if="'' !== data.jiuXingShiYing[luoGong - 1][0]">
                                            <div v-for="index in data.jiuXingShiYing[luoGong - 1].length" :key="index">
                                                <Tag size="medium" class="tag">
                                                    <b>{{ data.jiuXingShiYing[luoGong - 1][index - 1].split('→')[0]
                                                        }}</b>
                                                </Tag>
                                                <span class="item">
                                                    {{ data.jiuXingShiYing[luoGong - 1][index - 1].split('→')[1] }}
                                                </span>
                                            </div>
                                        </div>
                                        <div v-else class="null ">暂无数据</div>
                                    </el-tab-pane>
                                </el-tabs>
                            </div>

                        </div>

                        <div class="gengduo" v-if="dataPage === 2">

                            <img class="img" src="@/assets/img/paipan/qidai.png" />

                        </div>

                    </div>

                </div>
            </div>

        </div>
    </div>
</template>


<style scoped lang="scss" src="@/css/paipan/qimen.scss"></style>
